<template>
    <div>
        <div class="loan_nav">
			<ul>
				<li><a href="javascript:history.go(-1)"><i class="iconfont">&#xe61e;</i></a></li>
				<li><p>个贷计算机</p></li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">
			
		</div>
		<div>
			<img src="@/assets/img/2e0e9be4aa926395ea893308a325e811.jpg"  width="100%"/>
		</div>
        <div class="business_ipt">
            <ul>
                <li>
                    <select>
                        <option value ="volvo">请选择贷款种类</option>
                        <option value ="saab">个人住房贷款</option>
                        <option value ="saab">个人旅游贷款</option>
                        <option value ="saab">个人综合消费贷款</option>
                        <option value ="saab">个人短期信用贷款</option>
                        <option value ="saab">个人小额抵押贷款</option>
                        <option value ="saab">个人汽车贷款</option>
                        <option value ="saab">助学贷款</option>
                        <option value ="saab">个人留学贷款</option>
                        <option value ="saab">大额耐用消费品贷款</option>
                    </select>
                </li>
                <li>
                    <i class="iconfont">&#xe710;</i>
                </li>
            </ul>
             <ul>
                <li>
                    <input type="text" placeholder="贷款总额">
                </li>
                <li>
                    <p>万元</p>
                </li>
            </ul>
            <ul>
                <li>
                    <input type="text" placeholder="按揭年数">
                </li>
                <li>
                    <p>年</p>
                </li>
            </ul>
            <ul>
                <li>
                    <select>
                        <option value ="volvo">等额本息</option>
                        <option value ="saab">等额本金</option>
                    </select>
                </li>
                <li>
                    <i class="iconfont">&#xe710;</i>
                </li>
            </ul>
            <ul>
                <li>
                    <input type="text" placeholder="商业贷款月息">
                </li>
                <li>
                    <p>厘</p>
                </li>
            </ul>
        </div>
        <div class="business_btn">
            <ul>
                <li>
                    <input type="button" class="Calculation" value="开始计算">
                </li>
                <li>
                    <input type="button" class="Reset" value="重置">
                </li>
            </ul>
        </div>
        <div class="business_title">
            <p>计算结果:</p>
        </div>
        <div class="business_result">
             <ul>
                 <li>
                     <p>
                         月均还款
                     </p>
                 </li>
                <li>
                    <input type="text" placeholder="显示月均还款" readonly>
                </li>
                <li>
                    <p>元</p>
                </li>
            </ul>
            <ul>
                <li>
                    <p>
                         支付利息
                     </p>
                </li>
                <li>
                    <input type="text" placeholder="显示支付利息" readonly>
                </li>
                <li>
                    <p>元</p>
                </li>
            </ul>
            <ul>
                <li>
                    <p>
                         还款总额
                     </p>
                </li>
                <li>
                    <input type="text" placeholder="显示还款总额" readonly>
                </li>
                <li>
                    <p>元</p>
                </li>
            </ul>
        </div>
    </div>
</template>
